<!--

@file: OtherPage02.vue
@author: pan
-->
<script lang="ts">
export default {
  name: 'OtherPage02',
}
</script>
<script setup lang="ts">
import { useFour } from '@/utils/UseUtils04'
import { useThree } from '@/utils/UseUtils03'
import { useTwo } from '@/utils/UseUtils02'
import { Component as VueComponent } from 'vue'

const compMap = new Map<string, VueComponent>()
const mockFiles = import.meta.glob('./batch-reg/*.vue', {
  eager: true,
  import: 'default',
})
Object.keys(mockFiles).forEach(key => {
  const defaultObj = mockFiles[key]
  //@ts-ignore
  compMap.set(defaultObj.name, defaultObj)
})

console.log(useTwo())
console.log(useThree())
console.log(useFour())
</script>

<template>
  <div>OtherPage02</div>
  <div>OtherPage02</div>
  <div>OtherPage02</div>
  <div>OtherPage02</div>
  <div>OtherPage02</div>
  <div>OtherPage02</div>
  <div>OtherPage02</div>
  <div>OtherPage02</div>
  <div>OtherPage02</div>
  <div>OtherPage02</div>
  <div>OtherPage02</div>
  <div>OtherPage02</div>
  <hr />
  <component :is="compMap.get('Demo01')"></component>
  <hr />
  <component :is="compMap.get('Demo02')"></component>
</template>

<style lang="scss" scoped></style>
